<?xml version="1.0" encoding="UTF-8"?>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core" 
	xmlns:fn="http://java.sun.com/jsp/jstl/functions">
<ui:composition template="/plantillas/plantilla.xhtml">
	
	<ui:define name="cabecera">
		<style>
			/*.ui-panelgrid td {
				border-width: 0px;
				border-style: solid;
				border-color: inherit;
				padding: 4px 10px;
			}*/
		</style>
		<h:outputScript library="js" name="administrarParametria.js" target="head"/>
		<script type="text/javascript">
		
		</script>
	</ui:define>

	<ui:define name="contenido" >
		<p:panel header="Administrar Parametría">
			<h:form id="formAdministrarParametria">	
			
			<p:inputText id="hdnValoresEscenarios" value="#{administrarParametriaMB.txtFormularioEscenarios}" type="hidden" />
			<p:inputText id="hdnValoresParametria" value="#{administrarParametriaMB.txtFormularioParametria}" type="hidden"/>
			<p:inputText id="hdnIndicadorFor" value="#{administrarParametriaMB.hdnIndicadorFormulario}" type="hidden" />
			
			<p:commandButton id="cmdGuardarFormulario" action="#{administrarParametriaMB.saveParametro}" style="display:none"/>
				
				<p:panelGrid style="width:100%" >
					<p:row>
						<p:column style="border:0; width:90px;"  >
							<p:commandButton id="btnEscenarios"  value="Escenarios" onclick="getFormularioParametria();"
							 	actionListener="#{administrarParametriaMB.visiblePanelEscenarios}" update="@form" ajax="true"/>
						</p:column>
						<p:column style="border:0; width:200px;">
							<p:commandButton id="btnParametria" value="Parámetros"  
								actionListener="#{administrarParametriaMB.visiblePanelParametria}" ajax="true"
								 update="@form"/>
						</p:column>
						<p:column style="border:0">
							<p:spacer/>
						</p:column>
						<p:column style="border:0;" colspan="2" >
							<div align="right"><p:commandButton id="btnGuardar" value="Guardar" ajax="true"  onclick="getFormularioEscenarios();" /></div>
						</p:column>
					</p:row>
				</p:panelGrid>
				
					<p:panelGrid id="panelEscenarios" rendered="#{administrarParametriaMB.bolEscenarios}">
						<p:row>
							<p:column style="background:#00529B; color:#FFFFFF" ></p:column>
							<c:forEach items="#{administrarParametriaMB.listaPeriodos}" var="anio" > 
								<p:column style="background:#00529B; color:#FFFFFF"><p:outputLabel value="#{anio.nombreLargo}"/></p:column>
							</c:forEach>
						</p:row>
						
						<c:set var="j" value="1"></c:set>
						
						<c:forEach items="#{administrarParametriaMB.listaEscenarios}" var="campo">
							<p:row>
								<p:column style="background:#00529B;color:#FFFFFF">
									<p:outputLabel value="#{campo.nombreLargo}"/>
								</p:column>
								
								<c:forEach var="i" begin="1" end="#{administrarParametriaMB.aniosRegistrados}">
									<p:column>
										<p:inputText id="txt#{j}" type="number"  onkeypress="return extractNumber(this,0,false);" maxlength="3"></p:inputText>
									</p:column>
									<c:set var="j" value="#{j+1}"></c:set>
								</c:forEach>
							</p:row>
						</c:forEach>
					</p:panelGrid>
					
					<c:set var="k" value="99"></c:set>
					<p:outputPanel id="panelParametria" rendered="#{administrarParametriaMB.bolParametria}">
						<p:panelGrid  columns="8"  style="width:100%; border:0; background-image: url('../resources/images/u7_normal.png') " >
							<c:forEach items="#{administrarParametriaMB.listaParametros}" var="param" >
								<p:outputLabel value="#{param.nombreLargo}"/>
								<div align="right" ><p:inputText id="txt#{k}" type="number"  value="#{param.valorEntero}" onkeypress="return isNumberKey(event);" maxlength="4"/></div>
								<c:set var="k" value="#{k+1}"></c:set>
							</c:forEach>
							
						</p:panelGrid>
					</p:outputPanel>
			</h:form>
			<br/>
		</p:panel>
	</ui:define>

</ui:composition>

</html>